<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <name>添加</name>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="${s.base}/js/layui/css/layui.css" media="all" />
  <link rel="stylesheet" href="${s.base}/css/base/base.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form" style="width:80%;">
  <input type="hidden" id="id" name="id" value="${webFile.id}" />

  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">名称</label>
    <div class="layui-input-block">
      <input type="text"  class="layui-input name" id="name" name="name" value="${webFile.name}" placeholder="请输入名称" lay-verify="required">
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">pdf文件</label>
    <div class="layui-input-block">
      <div class="famous-upload-pic" >
        <button type="button"  style="float: left;" class="layui-btn" id="test3"><i class="layui-icon"></i>上传PDF文件</button>
        <div id="showFile" style="width: 120px; float: left; margin-left: 20px;">
          <#if webFile.pdfPath?if_exists  >
          <a href="${webFile.pdfPath}" class="layui-btn"  target="_blank">查看文件</a>
          </#if>
        </div>
        <input type="hidden" name="pdfPath" id="pdfPath" value="${webFile.pdfPath}" />
      </div>
    </div>
  </div>
  <div class="layui-form-item layui-row layui-col-xs12">
    <label class="layui-form-label">排序</label>
    <div class="layui-input-block">
      <input type="text" class="layui-input name" id="sort" name="sort" value="${webFile.sort}" placeholder="请输入排序" maxlength="30" lay-verify="required">
    </div>
  </div>

  <div class="layui-form-item layui-row layui-col-xs12">
    <div class="layui-input-block">
      <button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="btnSubmit">确定</button>
      <button type="reset" class="layui-btn layui-btn-sm layui-btn-primary closeLay">取消</button>
    </div>
  </div>
</form>
<script type="text/javascript" src="${s.base}/js/layui/layui.js"></script>
<script src="${s.base}/js/base/jquery-3.2.0.min.js"></script>
<script type="text/javascript" src="${s.base}/js/base/ajaxfileupload.js"></script>
<script type="text/javascript">
    layui.use(['upload','form','layer'],function(){
        var form = layui.form
        layer = parent.layer === undefined ? layui.layer : top.layer,
            $ = layui.jquery,upload = layui.upload;
        upload.render({ //允许上传的文件后缀
            elem: '#test3'
            ,url: '/file/fileUploadAll'
            ,accept: 'file' //普通文件
            ,exts: 'pdf'
            ,done: function(res){
                if(res.code=="success"){
                   $("#showFile").html(' <a href="'+res.result+'" class="layui-btn"  target="_blank">查看文件</a>');
                   $("#pdfPath").val(res.result);
               }else{
                    top.layer.msg(res.errorMsg);
                }
            }
        });
        form.on("submit(btnSubmit)",function(data){
            //弹出loading
            var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
            // 实际使用时的提交信息
            $.post("/webFile/updateOrAddEntity",data.field,function(result){
                if(1==result.returnInfo.state){
                    top.layer.close(index);
                    top.layer.msg("操作成功！");
                    layer.closeAll("iframe");
                    //刷新父页面
                    parent.location.reload();
                }else{
                    top.layer.msg(result.returnInfo.errorMsg);
                }
            },"json")
            return false;
        });
    })
</script>

</body>
</html>